<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}电商系统{% endblock %}</title>
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/fujia/base.css" />
    <link rel="stylesheet" href="/static/css/fujia/common.css" />
    <script src="/static/js/jquery-3.6.0.min.js"></script>
    <script src="/static/js/jquery.transit.min.js"></script>
    <script src="/static/js/index.js"></script>
    {% block head %}
    {% endblock %}
</head>
<body>

    <!-- 顶部快捷导航start -->
    <div class="tongyong">

    <div class="shortcut">
      <div class="w">
        <div class="fl">
          <ul>
            <li>京东欢迎您！</li>
            <li>
              <a href="#">请登录 </a>
              <a href="#" class="style-red">免费注册</a>
            </li>
          </ul>
        </div>
        <div class="fr">
          <ul>
            <li><a href="">我的订单</a></li>
            <li class="spacer"></li>
            <li>
              <a href="">我的京东</a>
              <i class="icomoon"></i>
            </li>
            <li class="spacer"></li>
            <li><a href="">京东会员</a></li>
            <li class="spacer"></li>
            <li><a href="">企业采购</a></li>
            <li class="spacer"></li>
            <li><a href="">客户服务</a><i class="icomoon"></i></li>
            <li class="spacer"></li>
            <li><a href="">网站导航</a><i class="icomoon"></i></li>
            <li class="spacer"></li>
            <li><a href="">手机京东</a><i class="icomoon"></i></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- header制作 -->
    <div class="header_out">
        <div class="header w">
            <div class="logo">
                <h1>
                    <a href="index.html" title="品优购">品优购</a>
                </h1>
            </div>
            <div class="search">
                <input type="text" class="text">
                <button class="btn">搜索</button>
            </div>
            <div class="shopcar">
                <i class="car"> </i>我的购物车<i class="arrow"> </i>
                <i class="count">0</i>
            </div>
        </div>
    </div>
    </div>
    <!--购物车结束-->

{% block content %}
{% endblock %}

    <!-- footer start-->
    <div class="tongyong">

    <div class="footer w">
      <div class="w">
        <div class="mod_service">
          <ul>
            <li>
              <i class="mod-service-icon mod_service_zheng"></i>
              <div class="mod_service_title">
                <h5>正品保障</h5>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <i class="mod-service-icon mod_service_kuai"></i>
              <div class="mod_service_title">
                <h5>急速物流</h5>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <i class="mod-service-icon mod_service_bao"></i>
              <div class="mod_service_title">
                <h5>无忧售后</h5>
                <p>7天无理由退货</p>
              </div>
            </li>
            <li>
              <i class="mod-service-icon mod_service_ding"></i>
              <div class="mod_service_title">
                <h5>特色服务</h5>
                <p>私人订制家电套餐</p>
              </div>
            </li>
            <li>
              <i class="mod-service-icon mod_service_help"></i>
              <div class="mod_service_title">
                <h5>帮助中心</h5>
                <p>您的购物指南</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="mod_help">
          <dl class="mod_help_item">
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd>
              <a href="#">生活旅行</a>/
              <a href="#">团购</a>
            </dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl class="mod_help_item">
            <dt>配送方式</dt>
            <dd><a href="#">上门自提</a></dd>
            <dd><a href="#">211限时达</a></dd>
            <dd><a href="#">配送服务查询</a></dd>
            <dd><a href="#">配送费收取标准</a></dd>
          </dl>
          <dl class="mod_help_item">
            <dt>支付方式</dt>
            <dd><a href="#">货到付款</a></dd>
            <dd><a href="#">在线支付</a></dd>
            <dd><a href="#">邮局汇款</a>/</dd>
            <dd><a href="#">公司转账</a></dd>
          </dl>
          <dl class="mod_help_item">
            <dt>售后服务</dt>
            <dd><a href="#">价格保护</a></dd>
            <dd><a href="#">退款说明</a></dd>
            <dd>
              <a href="#">返修</a>/
              <a href="#">退换货</a>
            </dd>
            <dd><a href="#">取消订单</a></dd>
          </dl>
          <dl class="mod_help_item">
            <dt>特色服务</dt>
            <dd><a href="#">夺宝岛</a></dd>
            <dd><a href="#">DIY装机</a></dd>
            <dd><a href="#">延时服务</a>/</dd>
            <dd><a href="#">京东E卡</a></dd>
            <dd><a href="#">京东通信</a></dd>
          </dl>
          <dl class="mod_help_item mod_help_app">
            <dt>帮助中心</dt>
            <dd>
              <img src="/static/img/erweima.png" />
              <p>京东客户端</p>
            </dd>
          </dl>
        </div>
        <div class="mod_copyright"></div>
      </div>
    </div>
    </div>
    <!-- footer end -->

</body>
</html>